<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Css样式写在哪里</title>
    <!--  一般style会定义在头部-->
    <style>
        .pink-bgc{
            background-color: hotpink;
        }
    </style>
    <!--通过link引入别的css样式-->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<h3>1. 可以在标签里加上style，通过style设置行内样式</h3>
<div style="background-color: lightblue">
    我希望这行字有一个蓝色背景
</div>
<h3>2. 可以通过style标签定义css样式，之后通过class加载这些样式</h3>
<div class="pink-bgc">
    我希望它有一个粉色的北京
</div>
<h3>3. 我们希望这个样式可以被多个界面的复用，可以通过定义css文件，然后引入css文件</h3>
<div class="cyan-bgc">
    我希望他有一个天蓝色
</div>
</body>
</html>